<template>
		<nav>
	        <ul style="overflow: hidden;">
	            <li class="xl_inquiryOder"><a href="javascript:void(0);"><img src="./inquiry.jpg" draggable="false"></a></li>
	            <li><a href="javascript:void(0);"><img src="./inq_sheet.jpg" draggable="false"></a></li>
	            <li><a href="javascript:void(0);"><img src="./order.jpg" draggable="false"></a></li>
	            <li><a href="javascript:void(0);"><img src="./collection.jpg" draggable="false"></a></li>
	            
	        </ul>
    	</nav>
</template>

<script>
	export default{
		
	}
</script>

<style scoped>
	nav {
    border-top: 2px solid #ffb71d;
    /*min-height: 90px;*/
	}
	nav li {
	    width: 25%;
	    float: left;
	}
	nav  li a {
    width: 100%;
    float: left;
}
img {
    width: 100%;
}

</style>